<html>
	<html class="wide wow-animation" lang="en">
	  <head>
	    <!-- Site Title-->
	    <title>Real Grass</title>
	    <meta name="format-detection" content="telephone=no">
	    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta charset="utf-8">
	    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
	    <!-- Stylesheets-->
	    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CLato:400,400i,700">
	    <link rel="stylesheet" href="../css/bootstrap.css">
	    <link rel="stylesheet" href="../css/style.css">
			<!--[if lt IE 10]>
	    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
	    <script src="js/html5shiv.min.js"></script>
			<![endif]-->
	  </head>
	<body>
		<div  class="text-center text-sm-left page">
			<!-- Page preloader-->
			<div class="preloader">
				<div>
					<div class="preloader-body">
						<div class="loader"><span class="block-1"></span><span class="block-2"></span><span class="block-3"></span><span class="block-4"></span><span class="block-5"></span><span class="block-6"></span><span class="block-7"></span><span class="block-8"></span>
							<span class="block-9"></span><span class="block-10"></span><span class="block-11"></span><span class="block-12"></span><span class="block-13"></span><span class="block-14"></span><span class="block-15"></span><span class="block-16"></span></div>
					</div>
				</div>
			</div>
	
			<!-- Page Header-->
	   
		<header class="page-header header-classic">
				<!-- RD Navbar-->
				<div class="rd-navbar-wrap">
					<nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fullwidth" data-lg-device-layout="rd-navbar-fullwidth" data-md-stick-up-offset="73px"
						data-lg-stick-up-offset="0px" data-stick-up="true" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true">
						
						   
						<div class="rd-navbar-inner" style="display: block;">
							<!-- RD Navbar Panel-->
							<div class="rd-navbar-aside-wrap">
								<div class="rd-navbar-nav-wrap">
									<!-- [ start, end )-->
									<ul class="rd-navbar-nav">
										<li><a href="./../index.html">主页
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
										<li><a href="./about.html">人物介绍
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
										<li class="active"><a href="./story.html">剧情简介
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
										<li><a href="./music.html">音乐鉴赏
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
										<li><a href="./awards.html">获奖经历
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
										<li><a href="./more.html">更多
							<svg class="button-santos" xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges">
							  <rect class="shape" width="100%" height="100%" x="0" y="0"></rect>
							</svg></a>
										</li>
									</ul>
								</div>
								
							</div>
						</div>
					</nav>
				</div>
			</header>
		<section class="section-md bg-white text-left" id="services" data-type="anchor">
		        <div class="shell">
		          <h2 align=center>剧情简介</h2>
				  <!--  -->
				  <div class="container">
					<div style="float: left;width: 50px;margin-right: 10px;"><img src="./../图片素材/剧情介绍/tsct.png" alt="Logo"></div>
					<div class="header">
						<div class="header_title">
							<div class="title">
								<h1 style="font-size: 34px">我的阿勒泰</h1>
							</div>
							<div class="actions_button">
								<div class="actions_button_item">
									<svg viewBox="0 0 16 16" fill="#459df5" width="1em" height="1em">
										<path d="M7.878 14.133c-.3 0-.7-.1-.9-.3l-2.8-2.5h-1.6c-.8 0-1.4-.7-1.4-1.4v-3.8c0-.8.6-1.4 1.4-1.4h1.6l2.7-2.4c.6-.5 1.4-.5 1.9.1.3.2.4.5.4.9v9.5c0 .7-.6 1.3-1.3 1.3zm-5.3-8.2c-.1 0-.2.1-.2.2v3.8c0 .1.1.2.2.2h1.4c.3 0 .6.1.9.3l2.8 2.5c.1.1.4 0 .4-.2v-9.4c0-.1 0-.1-.1-.2s-.2-.1-.3 0l-2.7 2.4c-.3.3-.6.4-.9.4h-1.5zm10.3 6.8c-.1 0-.3 0-.4-.2-.2-.2-.2-.6 0-.8.9-1 1.4-2.3 1.4-3.7 0-1.4-.5-2.7-1.4-3.7-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0 1.1 1.2 1.7 2.8 1.7 4.4s-.6 3.3-1.7 4.4c-.1.3-.2.4-.4.4z"></path>
										<path d="M11.378 10.733c-.1 0-.2 0-.3-.1-.3-.2-.3-.6-.2-.8.4-.5.6-1.1.6-1.8s-.2-1.3-.6-1.8c-.1-.2-.1-.6.2-.8.2-.2.6-.1.8.2.5.7.8 1.5.8 2.4 0 .9-.3 1.7-.8 2.4-.1.2-.3.3-.5.3z"></path>
									</svg>
									<span style="font-size: 12px;margin-left: 2px;">播报</span>
								</div>
								<div class="actions_button_item">
									<svg viewBox="0 0 16 16"  fill="#459df5"  width="1em" height="1em"><path d="m14 3.8-1.9-1.9c-.3-.3-.7-.4-1.1-.4-.4 0-.8.2-1.1.4l-8.4 8.4c-.3.3-.4.7-.4 1.1v1.9c0 .8.7 1.5 1.5 1.5h1.9c.4 0 .8-.2 1.1-.4L14 5.9c.6-.6.6-1.6 0-2.1zm-9.1 9.7c-.1.1-.2.1-.3.1H2.7c-.2 0-.4-.2-.4-.4v-1.9c0-.1 0-.2.1-.3l6.1-6 2.4 2.4-6 6.1zm8.3-8.4-1.5 1.5-2.4-2.4 1.5-1.5c.1-.1.2-.1.3-.1s.2 0 .3.1l1.9 1.9c.1.1.1.3-.1.5z"></path></svg>
									<span style="font-size: 12px;margin-left: 2px;">编辑</span>
								</div>
								<div class="actions_button_item">
									<svg viewBox="0 0 16 16"  fill="#459df5"  width="1em" height="1em"><path d="M2.52 14.62c-.4 0-.8-.3-1-.7-.1-.2-.1-.4 0-.6l.7-2.4c-1.1-2.5-.6-5.6 1.3-7.6 1.2-1.2 2.9-1.9 4.7-1.9s3.5.7 4.7 1.9c2.5 2.5 2.5 6.7 0 9.2-2 2-5.1 2.5-7.6 1.2l-2.5.8c-.1.1-.2.1-.3.1zm5.7-12.1c-1.5 0-2.9.6-3.9 1.6-1.6 1.7-2 4.3-.9 6.4.1.1.1.3 0 .4l-.7 2.4 2.4-.8c.1-.1.3 0 .5 0 2.1 1.1 4.8.8 6.5-.9 2.1-2.1 2.1-5.5 0-7.6-1.1-.9-2.5-1.5-3.9-1.5zm-4.3 1.2z"></path></svg>
									<span style="font-size: 12px;margin-left: 2px;">讨论</span>
								</div>
								<div class="actions_button_item">
									<svg viewBox="0 0 16 16"  fill="#459df5"  width="1em" height="1em"><path d="M9.1 2.4c1.4 0 2.5 1.1 2.5 2.5l1.1-.8c.2-.2.5-.3.8-.3h.2c.8 0 1.4.6 1.5 1.4v6c0 .3-.1.7-.3 1-.5.6-1.3.8-2 .4l-.1-.1-1.1-.8v.1C11.6 13 10.5 14 9.1 14H3C1.6 14 .5 12.9.5 11.5V5c0-1.3 1-2.4 2.4-2.5h6.2zm0 1.2H2.9c-.8 0-1.3.6-1.3 1.4v6.5c0 .8.6 1.4 1.4 1.4h6.2c.8 0 1.4-.6 1.4-1.4V5c-.1-.8-.7-1.4-1.5-1.4zm4.6 1.3h-.2s-.1 0-.1.1l-1.8 1.4v3.8l1.7 1.4.1.1c.2.1.4.1.5-.1.1-.1.1-.2.1-.3v-6c.1-.3-.1-.4-.3-.4z"></path><path d="M4.5 6.4h1.7c.3 0 .6-.3.6-.6s-.3-.5-.6-.5H4.5c-.3 0-.5.3-.5.6s.2.5.5.5z"></path></svg>
									<span style="font-size: 12px;margin-left: 2px;">上传视频</span>
								</div>
							</div>
						</div>
						<div class="description">
							2024年 滕丛丛执导的民族剧 | <span style="color: #007bff;display: flex;flex-direction: row;align-items: center;">展开4个同名词条<svg width="1em" height="1em" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="polysemantIcon_B5EUZ"><path d="M10 4 6 8 2 4" stroke="#459DF5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
						</div>
						<div class="video-list">
							<div class="video-item">
								<video width="250px" style="border-radius: 8px;position: relative;" controls>
									<source src="../../首页视频素材/年度电视剧盛典.mp4" type="video/mp4">
								</video>
								<div class="video-info">
									<p class="info-text">年度电视剧盛典</p>
									<span class="duration">01:52</span>
								</div>
							</div>
							<div class="video-item">
								<video width="250px" style="border-radius: 8px;position: relative;" controls>
									<source src="../../首页视频素材/年度电视剧盛典.mp4" type="video/mp4">
								</video>
								<div class="video-info">
									<p class="info-text">年度电视剧盛典</p>
									<span class="duration">01:52</span>
								</div>
							</div>
							<div class="video-item">
								<video width="250px" style="border-radius: 8px;position: relative;" controls>
									<source src="../../首页视频素材/年度电视剧盛典.mp4" type="video/mp4">
								</video>
								<div class="video-info">
									<p class="info-text">年度电视剧盛典</p>
									<span class="duration">01:52</span>
								</div>
							</div>
							<div class="arrow">
								>
							</div>
							<div class="footer">
								<img src="./../图片素材/剧情介绍/mbd.svg" alt="">
							</div>
						</div>
					</div>
				</div>
		          <!-- Bootstrap tabs-->
		          <div style="margin-top: 20px;" class="tabs-custom tabs-services tabs-vertical" id="tabs-3">
		            <!-- Nav tabs-->
		            <ul class="nav-custom nav-custom-tabs group-tabs">
		              <li class="active" ><a href="#tabs-3-1" style="text-align: center;" data-toggle="tab">第一集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		              <li><a style="text-align: center;" href="#tabs-3-2" data-toggle="tab">第二集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		              <li><a style="text-align: center;" href="#tabs-3-3" data-toggle="tab">第三集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		              <li><a style="text-align: center;" href="#tabs-3-4" data-toggle="tab">第四集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		              <li><a style="text-align: center;" href="#tabs-3-5" data-toggle="tab">第五集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		              <li><a style="text-align: center;" href="#tabs-3-6" data-toggle="tab">第六集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
					  <li><a style="text-align: center;" href="#tabs-3-7" data-toggle="tab">第七集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
					  <li><a style="text-align: center;" href="#tabs-3-8" data-toggle="tab">第八集<span class="icon-arrow icon-rotate-90 material-icons-keyboard_backspace"></span></a></li>
		            </ul>
				<!-- 第一集 -->	
		            <div class="tab-content text-left">
		              <div class="tab-pane fade in active counter-index-sec" id="tabs-3-1">
		                <div class="inset-right-lg-150" >
		                 <div  style="text-align: center;"> <h2 style="font-size: 32px;">第1集 李文秀回到阿勒泰</h2></div>
						  <div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
						  <div style="width: 100%;text-align: center;">
							<img style="height: 260px;" src="../图片素材//剧情介绍/第一集.webp" alt="">
						  </div>
		                  <p style="font-size: 16px;color:#333">&emsp;&emsp;19岁的汉族女孩李文秀在乌鲁木齐的餐馆打工。性格内向自卑的文秀始终怀揣着一个文学梦，却因读书不多而被人嘲笑。在搞砸了餐馆一次重要的接待之后，李文秀不得不收拾行李，拿着被同事高晓亮骗剩下的遣散费，不远千里地回到阿勒泰投奔自己的母亲。
						</p>
		                </div>
		              </div>
		<!-- 第二集 -->
		              <div class="tab-pane fade" id="tabs-3-2">
						<div class="inset-right-lg-150">
							<div  style="text-align: center;"> <h2 style="font-size: 32px;">第2集 巴太捉弄李文秀</h2></div>
							<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
							<div style="width: 100%;text-align: center;">
							  <img style="height: 260px;" src="../图片素材//剧情介绍/第二集.webp" alt="">
							</div>
							<p style="font-size: 16px;color:#333">&emsp;&emsp;张凤侠的小卖部是村子最热闹的地方，李文秀结识了各色各样的村民。文秀翻账本意外发现村民们欠了不少钱，于是跟张凤侠商量自己负责去村里要账作为重返县城写作的资金。收账的过程一波三折。在回家路上，文秀遇到了热情鬼马的哈萨克族少年巴太，并被捉弄得落入河中。
						  </p>
						  </div>
		              </div>
		<!-- 第三集 -->
					<div class="tab-pane fade" id="tabs-3-3">
						<div class="inset-right-lg-150">
							<div  style="text-align: center;"> <h2 style="font-size: 32px;">第3集 巴太李文秀互相介绍</h2></div>
							<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
							<div style="width: 100%;text-align: center;">
							<img style="height: 260px;" src="../图片素材//剧情介绍/第三集.webp" alt="">
							</div>
							<p style="font-size: 16px;color:#333">&emsp;&emsp;张凤侠拖家带口地去县城进货，再次跟李文秀确认是否要跟着自己去夏牧场，文秀毫不犹豫地给出了肯定的答案。间隙，文秀去了网吧给自己一直喜欢的作家发了邮件，并试着投了几篇文章。等从网吧走出来时，却发现奶奶不见了。
						</p>
						</div>
					</div>
		<!-- 第四集 -->
		<div class="tab-pane fade" id="tabs-3-4">
			<div class="inset-right-lg-150">
				<div  style="text-align: center;"> <h2 style="font-size: 32px;">第4集 巴太李文秀熟络起来</h2></div>
				<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
				<div style="width: 100%;text-align: center;">
				  <img style="height: 260px;" src="../图片素材//剧情介绍/第四集.webp" alt="">
				</div>
				<p  style="font-size: 16px;color:#333">&emsp;&emsp;收拾好行李的张凤侠一家临出发才发现村主任留下一封信后提前走了。张凤侠、文秀和奶奶不得不去找苏力坦。苏力坦读了信后淡然点头答应，带他们一起前往夏牧场。一行人转场路上经历了泥泞、浓雾，看见广袤的草原，还有阿勒泰山上的雪线。一路上互相照料，巴太和李文秀也逐渐熟络了起来。
			  </p>
			  </div>
		  </div>
		<!-- 第五集 -->
		<div class="tab-pane fade" id="tabs-3-5">
			<div class="inset-right-lg-150">
				<div  style="text-align: center;"> <h2 style="font-size: 32px;">第5集 祖孙三人抵达夏牧场</h2></div>
				<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
				<div style="width: 100%;text-align: center;">
				  <img style="height: 260px;" src="../图片素材//剧情介绍/第五集.webp" alt="">
				</div>
				<p style="font-size: 16px;color:#333">&emsp;&emsp;祖孙三人终于抵达夏牧场，牧场虽美但开办帐篷商店却困难重重。帐篷漏雨，文秀连夜用塑料袋做了简易排水装置。村主任来帐篷商店买东西，正好碰到巴太来找文秀，他看出两个年轻人之间的情愫。村主任打趣到谈恋爱就要大大方方地谈，文秀嘴硬不肯承认。
			  </p>
			  </div>
		  </div>
		<!-- 第六集 -->
		<div class="tab-pane fade" id="tabs-3-6">
			<div class="inset-right-lg-150">
				<div  style="text-align: center;"> <h2 style="font-size: 32px;">第6集 巴太解开与文秀误会</h2></div>
				<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
				<div style="width: 100%;text-align: center;">
				  <img style="height: 260px;" src="../图片素材//剧情介绍/第六集.webp" alt="">
				</div>
				<p style="font-size: 16px;color:#333">&emsp;&emsp;文秀和朋友一起参加哈萨克族的婚礼，在大家的谈话间隙，李文秀意外得知巴太一直喜欢的人竟然是自己的好朋友库兰，两家也正准备商议婚事。文秀站在人群后面，苦笑着望着他们二人对视的目光。文秀发泄般的乱舞，不知何时舞到了巴太面前。
			  </p>
			  </div>
		  </div>
		<!-- 第七集 -->
		<div class="tab-pane fade" id="tabs-3-7">
			<div class="inset-right-lg-150">
				<div  style="text-align: center;"> <h2 style="font-size: 32px;">第7集 巴太文秀确认心意</h2></div>
				<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
				<div style="width: 100%;text-align: center;">
				  <img style="height: 260px;" src="../图片素材//剧情介绍/第七集.webp" alt="">
				</div>
				<p style="font-size: 16px;color:#333">&emsp;&emsp;巴太在松林里找到文秀，恶作剧地给她的鞋带系了牧羊结。巴太把文秀举上马带她去了桦树林，帮她割下桦树皮当写作的纸张。两人在桦树林直白地表达了心意，年轻的心动终于化作了行动。高晓亮询问张凤侠是否愿意跟他离开这里，张凤侠并没有给他明确的答案。
			  </p>
			  </div>
		  </div>
		<!-- 第八集 -->
		<div class="tab-pane fade" id="tabs-3-8">
			<div class="inset-right-lg-150">
				<div  style="text-align: center;"> <h2 style="font-size: 32px;">第8集 巴太苏力坦化解矛盾</h2></div>
				<div style="border-bottom: 2px solid #eee;height: 1px;margin: 15px;"></div>
				<div style="width: 100%;text-align: center;">
				  <img style="height: 260px;" src="../图片素材//剧情介绍/第八集.webp" alt="">
				</div>
				<p style="font-size: 16px;color:#333">&emsp;&emsp;古尔邦节的赛马会上，巴太把好不容易养好的马给文秀骑。古尔邦节是重大的节日，再大的矛盾都要在这天消除，巴太跟父亲苏力坦开诚布公地化解了矛盾。苏力坦也同意了夏天过后就让托肯带着孩子去县城上学。苏力坦虽然很难接受世界的变化发展，但他还是想让巴太过他自己喜欢的生活。
			  </p>
			  </div>
		  </div>
		            </div>
		          </div>
		        </div>
		      </section>
			</div>
			<footer style="background-color: #f5f5f5;" class="page-footer footer-default">
				<div class="section-md">
					<div class="shell">
						<div class="range range-50 range-center">
							<div class="cell-md-3 cell-sm-6 cell-xs-12 wow fadeInUp" data-wow-delay=".1s">
								<h3>关于我们</h3>
								<ul class="list list-marked-none visible-xs-inline-block reveal-sm-block">
									<li><a href="#">All Rights Reserved | Copyright 2025 ©2210034244赵裴川</a></li>
		
								</ul>
							</div>
							<div class="cell-md-3 cell-sm-6 cell-xs-12 wow fadeInUp" data-wow-delay=".2s">
								<h3>加入我们</h3>
		
								</ul>
							</div>
							<div class="cell-md-3 cell-sm-6 cell-xs-12 wow fadeInUp" data-wow-delay=".3s">
								<h3>联系我们</h3>
		
							</div>
							<div class="cell-md-3 cell-sm-6 cell-xs-10 wow fadeInUp" data-wow-delay=".4s">
								<h3>隐私声明</h3>
		
							</div>
						</div>
					</div>
				</div>
			</footer>
	</body>
</html>
<script src="../js/core.min.js"></script>
<script src="../js/script.js"></script>
<style>
	.container {
    width: 100%;
	background-image: url('./../图片素材/剧情介绍/bg.png');
	background-size: cover; /* 关键属性 */
    background-repeat: no-repeat; /* 防止重复 */
    background-position: center center; /* 可选，居中显示 */
    padding: 20px;
	padding-top: 0;
    border-radius: 5px;
    font-family: Arial, sans-serif;
	margin-top:10px;
}

.header {
    display: flex;
	flex-direction: column;
}
.header_title {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
	padding-top: 20px;
    margin-bottom: 10px;
	gap: 20px;
}

.title {
    display: flex;
    align-items: center;
}

.title img {
    width: 50px;
    margin-right: 10px;
}

.actions a {
    margin-left: 10px;
    text-decoration: none;
    color: #007bff;
    font-size: 14px;
}

.description {
    font-size: 14px;
    color: #666;
	padding-bottom: 25px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.video-list {
    display: flex;
    overflow-x: auto; /* 水平滚动 */
    gap: 10px;
    padding-bottom: 10px; /* 避免滚动条遮挡内容 */
	/* margin-left: 40px; */
	align-items: center;
	position: relative;
}

.video-item {
    position: relative;
    width: 250px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.video-item img {
    width: 250px;
    height: 80px;
    object-fit: cover;
}

.video-info {
	width: 250px;
    padding: 3px;
	position: absolute;
	bottom: 0;
}
.info-text{
	font-size: 12px;
	white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.video-info p {
    font-size: 12px;
    margin: 0;
	white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.duration {
    position: absolute;
    bottom: 0px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px;
}

.arrow {
    font-size: 20px;
    color: #999;
    cursor: pointer;
    margin-left: 10px;
	background-color: hsla(0,0%,100%,.4);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}

.footer {
   	position: absolute;
    align-items: center;
    margin-top: 15px;
	bottom: 10px;
	right: 80px;
}

.footer img {
    width: 120px;
    margin-right: 10px;
}

.footer p {
    font-size: 14px;
    color: #333;
	
}
.actions_button{
	display: flex;
	flex-direction: row;
	gap: 5px;
}
.actions_button_item{
	background: #fcfeff;
	border-color: #fcfeff;
	box-shadow: 0 1px 1px 0 #bfd6f2;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-self: center;
	height: 20px;
	border-radius: 2px;
	padding: 12px 10px 12px 10px; 
}
</style>